<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="吴胭脂">
    <title>我的订单</title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/order.css" rel="stylesheet">
</head>
<body>
    <!--头部区域-->
    <div class="top clearfix">
        <h3 class="pull-left">校园二手交易平台</h3>
        <input type="text" value="&emsp;搜索您想要的物品" />
        <p class="squre">
            <span class="squre_font">搜索</span>
        </p>
        <ul class="list-unstyled list-inline pull-right">
            	<li style="font-size:18px;"><a href="register.html">注册</a></li>
        		<li style="font-size:18px;"><a href="login.html">登录</a></li>
        </ul>
    </div>
    <!--头部区域结束-->

    <!--导航栏-->
     <div class="nav">
        <div class="nav_top">
            <ul class="list-unstyled list-inline">
                <li class="active"><a href="index.html">首页</a></li>
                <li class="nav_left"><a href="dianzi.html">电子产品</a></li>
                <li class="nav_left"><a href="shuben.html">书本</a></li>
                <li class="nav_left"><a href="yiwu.html">衣物</a></li>
                <li class="nav_left"><a href="xianzhi.html">闲置产品</a></li>
                <li class="nav_left"><a href="juanzeng.html">捐赠平台</a></li>
                <li class="nav_left"><a href="QQ.html">客服机器人</a></li>
                <li class="nav_left"><a href="order.html">我的订单</a></li>
                <li class="nav_left dropdown">
                    <a href="shoucang.html" data-toggle="dropdown">我的收藏</a>
                    <span class="caret"></span>
                    <ul class="dropdown-menu">
                        <li><a href="baby.html">&nbsp; 收藏的宝贝</a></li>
                        <li class="divider"></li>
                         <li><a href="shop.html">&nbsp; 收藏的店铺</a></li>
    				</ul>
                </li>
                <li class="nav_left"><a href="fabu.html">发布信息</a></li>
            </ul>
        </div>
    </div>
    <!--导航栏结束-->

    <!-- 主体开始 -->
    <main class="container">
        <!-- 左边开始 -->
        <div class="pull-left left">
            <div>
                <strong><i class="glyphicon glyphicon-minus"></i>我的交易</strong>
                <ul class="list-unstyled ">
                    <li><a href="##">订单管理</a></li>
                    <li><a href="##">申请退货</a></li>
                    <li><a href="##">收货地址</a></li>
                </ul>
            </div>
            <div>
                <strong><i class="glyphicon glyphicon-minus"></i>我的资产</strong>
                <ul class="list-unstyled ">
                    <li><a href="##">零钱</a></li>
                    <li><a href="##">银行卡</a></li>
                    <li><a href="##">联名卡</a></li>
                    <li><a href="##">优惠券</a></li>
                </ul>
            </div>
            <div>
                <strong><i class="glyphicon glyphicon-minus"></i>我的账户</strong>
                <ul class="list-unstyled ">
                    <li><a href="##">我的资料</a></li>
                    <li><a href="##">分享账号</a></li>
                    <li><a href="##">爱心账户</a></li>
                    <li><a href="##">消息订阅</a></li>
                </ul>
            </div>
        </div>
        <!-- 左边结束 -->
        <!-- 右边开始 -->
        <div class="pull-left right">
            <ul class="nav">
                <li data-index="0"><a href="##">普通订单</a></li>
                <li data-index="1"><a href="##">预付订单</a></li>
                <li data-index="2"><a href="##">电子卡卷订单</a></li>
                <li data-index="3"><a href="##">兑换订单</a></li>
            </ul>
            <div>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>商品名称</th>
                                <th>订单总额</th>
                                <th>订单状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="4"></td>
                            </tr>
                            <tr class="orderinfo">
                                <td>订单号：<a href="##">16111149800555</a></td>
                                <td>收货人：XXXX</td>
                                <td>下单时间：2017-5-10</td>
                                <td></td>
                            </tr>
                            <tr class="goods">
                                <td>
                                    <a href="##">
                                        <img src="img/o_1.jpg">
                                    </a>
                                    <section>
                                        <a href="##" class="name">水满分保湿修颜装</a><br>
                                        <span>均码</span>
                                    </section>
                                </td>
                                <td>
                                    <strong>109.00</strong>
                                    <div><span>（含运费：¥10.00）</span></div>
                                    <div><span>在线</span></div>
                                </td>
                                <td>
                                    <div><span>已完成</span></div>
                                    <a href="##" class="text-primary">订单详情</a>
                                </td>
                                <td>
                                    <div><a href="##" class="text-primary">评价</a></div>
                                    <div><a href="##" class="text-primary">删除订单</a></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4"></td>
                            </tr>
                            <tr class="orderinfo">
                                <td>订单号：<a href="##">16111149800554</a></td>
                                <td>收货人：XXXX</td>
                                <td>下单时间：2017-5-9</td>
                                <td></td>
                            </tr>
                            <tr class="goods">
                                <td>
                                    <a href="##">
                                        <img src="img/o_2.jpg">
                                    </a>
                                    <section>
                                        <a href="##" class="name">绿豆净肤水油平衡套装</a><br>
                                        <span>均码</span>
                                    </section>
                                </td>
                                <td>
                                    <strong>109.00</strong>
                                    <div><span>（含运费：¥10.00）</span></div>
                                    <div><span>在线</span></div>
                                </td>
                                <td>
                                    <div><span>已完成</span></div>
                                    <a href="##" class="text-primary">订单详情</a>
                                </td>
                                <td>
                                    <div><a href="##" class="text-primary">评价</a></div>
                                    <div><a href="##" class="text-primary">删除订单</a></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4"></td>
                            </tr>
                            <tr class="orderinfo">
                                <td>订单号：<a href="##">16111149800553</a></td>
                                <td>收货人：XXXX</td>
                                <td>下单时间：2017-5-8</td>
                                <td></td>
                            </tr>
                            <tr class="goods">
                                <td>
                                    <a href="##">
                                        <img src="img/o_1.jpg">
                                    </a>
                                    <section>
                                        <a href="##" class="name">水满分保湿修颜装</a><br>
                                        <span>均码</span>
                                    </section>
                                </td>
                                <td>
                                    <strong>109.00</strong>
                                    <div><span>（含运费：¥10.00）</span></div>
                                    <div><span>在线</span></div>
                                </td>
                                <td>
                                    <div><span>已完成</span></div>
                                    <a href="##" class="text-primary">订单详情</a>
                                </td>
                                <td>
                                    <div><a href="##" class="text-primary">评价</a></div>
                                    <div><a href="##" class="text-primary">删除订单</a></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4"></td>
                            </tr>
                            <tr class="orderinfo">
                                <td>订单号：<a href="##">16111149800552</a></td>
                                <td>收货人：XXXX</td>
                                <td>下单时间：2017-5-7</td>
                                <td></td>
                            </tr>
                            <tr class="goods">
                                <td>
                                    <a href="##">
                                        <img src="img/o_2.jpg">
                                    </a>
                                    <section>
                                        <a href="##" class="name">绿豆净肤水油平衡套装</a><br>
                                        <span>均码</span>
                                    </section>
                                </td>
                                <td>
                                    <strong>109.00</strong>
                                    <div><span>（含运费：¥10.00）</span></div>
                                    <div><span>在线</span></div>
                                </td>
                                <td>
                                    <div><span>已完成</span></div>
                                    <a href="##" class="text-primary">订单详情</a>
                                </td>
                                <td>
                                    <div><a href="##" class="text-primary">评价</a></div>
                                    <div><a href="##" class="text-primary">删除订单</a></div>
                                </td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr>
                                <td colspan="4">您尚未有预付订单记录</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr>
                                <td colspan="4">您尚未有电子卡卷订单记录</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr>
                                <td colspan="4">您尚未有兑换订单记录</td>
                            </tr>
                        </tbody>
                    </table>
                    <nav class="text-right">
                        <ul class="pagination">
                            <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&lt;</span></a></li>
                            <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                            <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&gt;</span></a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <!-- 右边结束 -->
    </main>
    <!-- 主体结束 -->

    <!--底部导航栏-->
    <div id="nav_foot">
        <div class="nav_foot_top">
            <div>
               <div>
                  <img src="img/l1.png">
               </div>
               <div>
                   <p>关于我们</p>
                   <a href="footer/aboutMyself.html"><p>关于我们</p></a>
                   <p><a href="footer/chengpin.html">诚聘英才</a></p>
                   <p><a href="footer/wangzhanfuwu.html">网站服务条款</a></p>
                   <p><a href="footer/wangzhanfuwu.html">用户服务协议</a></p>
                   <p><a href="footer/lianxi.html">联系我们</a></p>
               </div>
            </div>
            <div>
               <div>
                  <img src="img/l2.png">
               </div>
               <div>
                   <p>购物指南</p>
                   <p><a href="footer/aboutMyself.html">新手玩转二手网</a></p>
                   <p><a href="footer/chengpin.html">订单查询</a></p>
                   <p><a href="footer/wangzhanfuwu.html">会员介绍</a></p>
                   <p><a href="footer/lianxi.html">积分攻略</a></p>
                   <p><a href="footer/lianxi.html">帮助中心</a></p>
               </div>
            </div>
            <div>
               <div>
                  <img src="img/l3.png">
               </div>
               <div>
                   <p>消费者保障</p>
                   <p><a href="footer/aboutMyself.html">人工验货</a></p>
                   <p><a href="footer/chengpin.html">退货退款政策</a></p>
                   <p><a href="footer/wangzhanfuwu.html">运费补贴卡</a></p>
                   <p><a href="footer/lianxi.html">无忧售后</a></p>
                   <p><a href="footer/lianxi.html">先行赔付</a></p>
               </div>
            </div>
            <div>
               <div>
                  <img src="img/l4.png">
               </div>
               <div>
                   <p>商务合作</p>
                   <p><a href="footer/aboutMyself.html">商家报名</a></p>
                   <p><a href="footer/chengpin.html">友情链接</a></p>
                   <p><a href="footer/wangzhanfuwu.html">廉正举报</a></p>
               </div>
            </div>
            <div>
               <div>
                  <img src="img/l5.png">
               </div>
               <div>
                   <p>下次怎么来?</p>
                   <p><a href="footer/aboutMyself.html">下载桌面快捷方式</a></p>
                   <p><a href="footer/chengpin.html">记住域名</a></p>
                   <p><a href="footer/wangzhanfuwu.html">下载桌面快捷方式</a></p>
                   <p><a href="footer/lianxi.html">收藏本站： 加入收藏</a></p>
                   <p><a href="footer/lianxi.html">订阅本站</a></p>
               </div>
            </div>

        </div>
    </div>
    <!--底部导航栏结束-->

    <script src="lib/bootstrap/js/jquery.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/order.js"></script>
</body>
</html>
